<template>
  <view class="box">
    <view class="box1" @click="back">
      <uv-icon name="arrow-left" color="#fff"></uv-icon>
      <view class="box11">宠伴人员</view>
    </view>

    <view class="box2">
      <view class="box20">
        <uv-swiper :list="list" indicator indicatorMode="dot" circular height="260rpx"></uv-swiper>
      </view>
      <view class="box21">
        <view class="box2-1">
          <view class="box21-1">
            <image src="/static/logo.png" mode=""></image>
          </view>
          <view class="box21-2">
            数据中心
          </view>
          <view class="box21-3">
            2023-05-17 16:40-17:40
          </view>
        </view>
        <view class="box2-2">
          <view class="box2-21">
            <view class="a">215</view>
            <view class="">今日抢单</view>
          </view>
          <view class="box2-21">
            <view class="a">2156</view>
            <view class="">今日收益</view>
          </view>
        </view>
      </view>
      <!--  -->
      <view class="box22">
        <view class="">业务服务</view>
        <view class="">
          <uv-grid :col="4">
            <uv-grid-item v-for="(item,index) in baseList" :key="index">
              <uv-icon :customStyle="{paddingTop:20+'rpx'}" :name="item.name" :size="60"></uv-icon>
              <text class="grid-text">{{item.title}}</text>
            </uv-grid-item>
          </uv-grid>
        </view>
      </view>
      <!--  -->
    </view>

  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue';
  const list = ref([
    'https://cdn.uviewui.com/uview/swiper/swiper3.png',
    'https://cdn.uviewui.com/uview/swiper/swiper2.png',
    'https://cdn.uviewui.com/uview/swiper/swiper1.png',
  ])
  const baseList = ref(
    [{
      name: '/static/image/dingdan.png',
      title: '接待台'
    }, {
      name: '/static/image/dingdan.png',
      title: '订单中心'
    }, {
      name: '/static/image/dingdan.png',
      title: '个人资料'
    }, {
      name: '/static/image/dingdan.png',
      title: '钱包'
    }, {
      name: '/static/image/dingdan.png',
      title: '礼物中心'
    }, {
      name: '/static/image/dingdan.png',
      title: '退出登录'
    }]
  )

  const back = (() => {
    uni.navigateBack({
      delta: 1, // 返回1个，如果是2，返回2个页面
    });
  })
</script>

<style lang="scss">
  @import url("chongbanry.scss");
</style>